以下是一個HTML表格的基本結構:
<table>
<tr>
<th>表頭1</th>
<th>表頭2</th>
<!-- 更多表頭列 -->
</tr>
<tr>
<td>數據1</td>
<td>數據2</td>
<!-- 更多數據列 -->
</tr>
<!-- 更多行 -->
</table>
table:定義整個表格。
tr:定義表格中的行(行數)。
th:定義表頭單元格,通常位於第一行,用於標識每列的標題。
td:定義數據單元格,包含實際的數據。
表格可以包含多個行和列,根據需要擴展。
```
<!DOCTYPE html>
<html>
<head>
<title>季節和降水量</title>
</head>
<body>
<h1>內容</h1>
<table border="1">
<tr>
<th>季節</th>
<th>平均降水量(毫米)</th>
</tr>
<tr>
<td>春季</td>
<td>200</td>
</tr>
<tr>
<td>夏季</td>
<td>300</td>
</tr>
<tr>
<td>秋季</td>
<td>150</td>
</tr>
<tr>
<td>冬季</td>
<td>50</td>
</tr>
</table>
</body>
</html>
```
如果是在vscode裡面創建表格的話,有可以快速創建的指令。輸入"tr2>td4";即會跑出以下此格式,可以讓你更快速方便的調整表格。
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
table, th, td {
border: 1px solid black;
border-style: dashed;
border-collapse: collapse;
}